<template>
  <div>
    <el-row v-if="row.link_type == 1" type="flex" align="middle">
      <el-image :src="row.link_data_info.cover_url">
        <div slot="error" class="image-slot"><i class="el-icon-picture-outline" /></div>
      </el-image>
      <span>{{ row.link_data_info.title }}</span>
    </el-row>
    <el-row v-else-if="row.link_type == 2" type="flex" align="middle">
      <el-link type="primary" :underline="false">{{ row.link_href }}</el-link>
    </el-row>
    <span v-else>不跳转</span>
  </div>
</template>

<script>
export default {
  props: {
    row: {
      type: Object,
      default: _ => {
        return {};
      }
    }
  }
};
</script>
<style lang="scss" scoped>
.el-image {
  width: 70px;
  margin-right: 5px;
  ::v-deep.image-slot {
    font-size: 28px;
  }
}
</style>
